<template>
  <div class="home">
    <!-- 上面是路由的暴露 -->
    <router-view></router-view>
    <!-- 下面是导航 -->
    <div class="nav">
      <van-tabbar active-color="#E40137" route>
        <van-tabbar-item>
          <template #icon>
            <i class="iconfont iconicon_footbar_gs_sel myIcon"></i>
          </template>
          公司
        </van-tabbar-item>
        <van-tabbar-item>
          <template #icon>
            <i class="iconfont iconicon_footbar_st_sel myIcon"></i>
          </template>
          刷题
        </van-tabbar-item>
        <van-tabbar-item to="/find">
          <template #icon>
            <i class="iconfont iconicon_footbar_fx_nor myIcon"></i>
          </template>
          发现
        </van-tabbar-item>
        <van-tabbar-item to="/my">
          <template #icon>
            <i class="iconfont iconicon_footbar_wode_nor myIcon"></i>
          </template>
          我的
        </van-tabbar-item>
      </van-tabbar>
    </div>
  </div>
</template>

<script>
export default {}
</script>

<style lang="less" scoped>
.home {
  .nav {
    .myIcon {
      font-size: 22px;
    }
  }
}
</style>
